<template>	
	<div class="box">
		<!--<Headerm></Headerm>-->
		<div class="container" ref="foodsWrapper">
			<!--<Bannerm :bannerimgs="bannerimgs"></Bannerm>-->
			<Navm @navname="navname"></Navm>
			<div class="foodfl_nav" @click="foodflshow" v-if="nav1">
				<i class="iconfont icon-down-copy-copy"></i>
			  	<div class="foodfl_nav1">
			  		菜<br />品<br />分<br />类
			  	</div>
		  	</div>
		  	<div class="foodflbox" @click="foodflhide" v-if="ok">
			  	<div class="bg"></div>
			  	<div class="list_bg"></div>
			  	<ul class="foodfl_list">
			  		<li v-for="(foodfl,index) in foodfls" @touchstart="flname(index,$event,foodfl)" :class="foodfl.id==cplxId?'active':''"> 
			  			<a class="flname" href="javascript:void(0)" >{{foodfl.name}}</a>
			  		</li>
  				</ul>
 			</div>
			<div class="list1" >
				
			<Foodlistsm :foods="foods" :cplxName="cplxName" v-if="nav1" @addcart="addcart"></Foodlistsm>
				<div v-if="nav2">
					<Foodlistm :foods="dgfoods" v-if="!!dgfoods" @addcart="addcart"></Foodlistm>
					<div class="null" v-else>你还没有点过菜!</div>
				</div>	
				<div v-if="nav3">
					<div class="null">暂时还没有活动!</div>
				</div>	
				<div v-if="nav4">服务</div>	
			</div>
		</div>			
		<buycart :cartfoods="cartfoods" :totalprice="totalprice" :numbers="numbers" :goorderzt="goorderzt" v-if="nav1" @listshow="ddnavshow" @subtract="subtract" @add="add"></buycart>
		<div v-if="nav1">
			<a class="dind_nav" :href="authUrl">
				<i class="jszt" ></i>
				<i class="iconfont icon-rmb"></i>	
			</a>                     
		</div>
		
		
	</div>
</template>

<style src="../assets/css/index.css"></style>
<script src="../assets/js/index.js"></script>


